.diagnostics-page {
  h2  {
    margin: 20px 15px;
  }
  // Service Type tabs
  .service-types {
    .nav-tabs {
      border-bottom: 1px solid $dark;
      li {
        &.active {
          a,
          a:hover,
          a:focus,
          a:visited {
            border: 1px solid $dark;
            border-bottom-color: transparent;
          }
        }
      }
    }
    > .tab-content {
      height: 100%;
    }
    .services {
      height: 100%;
      width: 100%;
      .tab-container {
        display: flex;
        padding-right: 40px;
        justify-content: space-between;
      }
      // List of services
      .nav-tabs {
        border-bottom: 1px solid $medium-gray;
        border-right: 1px solid $medium-gray;
        border-top: none;
        li {
          border-color: $medium-gray;
          a {
            border: none;
            .service-name {
              display: inline-block;
              max-width: 85%;
              margin: 0;
            }
          }
          &.active {
            border-bottom: 1px solid $medium-gray;
            a {
              border: 1px solid $dark;
              border-left: none;
            }
          }
        }
      }

      // List of collections
      .tab-content {
        padding: 0;
        min-width: 70%;
        height: 100%;
        // Individual collection
        .timestamps {
          padding: 0;
          .timestamp-holder {
            padding: 0;
            min-width: 100%;
            border: none;
            margin: 0;
          }
        }
      }
    }
  }


  // Individual timestamp
  .timestamp-holder {
    // Timestamp info inside panel body
    .panel .panel-body ul {
      padding: 0;
      li {
        border-bottom: none;
        max-width: none;
        section {
          max-width: 100%;
        }
      }
      .exception {
        border-color: $red-tint;
        background: $red-error;
        box-shadow: inset 0 .5px .5px $red-tint;
        overflow-x: scroll;
      }
      pre {
        border: none;
        background: inherit;
        overflow: scroll;
        width: 100%;
      }
    }
  }
}
